<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>题库管理</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/ionicons.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.5/xlsx.full.min.js"></script>

    <!--题库管理的css-->
    <link rel="stylesheet" href="css/subject-library.css" type="text/css" />


</head>

<body class="row">

    <!-- left area -->
    <div class="left col-md-2">
        <aside>
            <div class="welcome t-c">
                <strong>抱团取暖在线考试系统</strong>
            </div>
            <ul class="f-16">

                <a href="student-manage" class="side-menu-color">
                    <li>
                        <i class="icon ion-person-stalker f-18 m-r-10"></i> 学员管理
                        <span class="icon ion-android-radio-button-off f-r f-13"></span>
                    </li>
                </a>
                <a href="subject-manage" class="side-menu-color">
                    <li>
                        <i class="icon ion-navicon-round f-18 m-r-10"></i> 题库管理
                        <span class="icon ion-android-radio-button-off f-r f-13"></span>
                    </li>
                </a>

                <a href="grade-details" class="side-menu-color">
                    <li>
                        <i class="icon ion-navicon-round f-18 m-r-10"></i> 成绩明细
                        <span class="icon ion-android-radio-button-off f-r f-13"></span>
                    </li>
                </a>

                <a href="exam-manage" class="side-menu-color">
                    <li>
                        <i class="icon ion-navicon-round f-18 m-r-10"></i> 添加考试
                        <span class="icon ion-android-radio-button-off f-r f-13"></span>
                    </li>
                </a>
                <a href="exam-grade" class="side-menu-color">
                    <li>
                        <i class="icon ion-navicon-round f-18 m-r-10"></i> 考试成绩
                        <span class="icon ion-android-radio-button-off f-r f-13"></span>
                    </li>
                </a>
                <a href="check-paper" class="side-menu-color">
                    <li>
                        <i class="icon ion-ios-locked-outline f-18 m-r-10"></i> 试卷批改
                        <span class="icon ion-android-radio-button-off f-r f-13"></span>
                    </li>
                </a>
            </ul>
        </aside>
    </div>
    <!-- left area end -->

    <!-- right area -->
    <div class="right col-md-10 f-r">
        <header>
            <span class="notice-body"><i class="icon ion-alert"></i> 公告：</span><span id="notice">本网站由大帅比陈元书倾情制作!</span>
            <span id="userName" class="m-r-10">欢迎！ <a href="##"> 退出</a></span>
        </header>
        <main>
            <div id="top-nav" class="m-b-20">
                <ol class="breadcrumb">
                    <li><a href="#">课程管理</a></li>
                    <li class="active">题库管理</li>
                </ol>
            </div>
            <!--筛选课程下拉框-->
            <div class="clearfix">
                <div class="fliter row">
                    <div class="clearfix col-md-3">
                        <button type="button" class="btn btn-default f-l m-r-10" id="topic-adda-btn"><i
                                class="ion-ios-plus-outline"></i></button>
                        <button type="button" class="btn btn-default f-l m-r-10" id="topic-lead-btn"><i
                                class="fa fa-share"></i></button>
                        <button type="button" class="btn btn-default f-l m-r-10" id="topic-delete-btn"><i
                                class="ion-ios-trash-outline"></i></button>
                    </div>
                    <div class="col-md-4 select-subject">

                    </div>
                    <div class="input-group col-md-5">
                        <input type="text" class="form-control" placeholder="请输入题目" id="searchText">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button" id="search">搜索</button>
                        </span>
                    </div>
                </div>
            </div>
            <!-- 题目信息 -->
            <table class="table table-hover t-c m-t-20" id="subject">
                <thead>
                    <tr>
                        </th>
                        <th class="col-md-1 t-c">编号</th>
                        <th class="col-md-1 t-c">题干</th>
                        <th class="col-md-1 t-c">课程</th>
                        <th class="col-md-1 t-c">题目类型</th>
                        <th class="col-md-1 t-c">操作</th>
                    </tr>
                </thead>
                <tbody id="subjectTbody">
                    <tr></tr>
                </tbody>
            </table>
            <nav class="block">
                <ul class="pagination">
                    <li><a href="#">&laquo;</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">&raquo;</a></li>
                </ul>
            </nav>

            <!-- 添加题目弹出框 -->
            <div id="topic-add-subject" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close ion-ios-close" data-dismiss="modal"><span
                                    class="sr-only">Close</span></button>
                            <h4 class="modal-title">添加题目</h4>
                        </div>
                        <div class="modal-body clearfix">
                            <textarea class="form-control" name="" id="" cols="70" rows="10"></textarea>
                            <form action="" class="form-horizontal clearfix top-p-l-0 m-t-20" role="form">
                                <label for="" class="col-md-3 control-label">选择课程：</label>
                                <div id="" class="input-group col-lg-8 select-subject">
                                    <input id="selectSub" type="text" class="form-control" value="">
                                    <div class="input-group-btn">
                                        <button type="button" class="btn btn-default dropdown-toggle"
                                            data-toggle="dropdown">课程<span class="caret"></span></button>
                                        <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            <li><a href="#">全部</a></li>
                                            <li><a href="#">cs</a></li>
                                            <li><a href="#">se</a></li>
                                            <li><a href="#">ai</a></li>

                                        </ul>
                                    </div><!-- /btn-group -->
                                </div><!-- /input-group -->
                            </form>
                        </div>
                        <form action="" class="form-horizontal clearfix" role="form">
                            <div class="form-group">
                                <label for="inputanswer" class="col-sm-2 control-label">答案:</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="inputanswer">
                                </div>
                            </div>
                        </form>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">保存</button>
                            <button type="button" class="btn btn-primary">取消</button>
                        </div>
                    </div>
                </div>
            </div>
            <!--批量添加题目弹出框-->
            <div id="topic-adda-subject" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close ion-ios-close" data-dismiss="modal"><span
                                    class="sr-only">Close</span></button>
                            <h4 class="modal-title">添加题目</h4>
                        </div>
                        <div class="modal-body clearfix">
                            <input type="file" id="inputFile">
                            <form action="submit" class="form-horizontal clearfix top-p-l-0 m-t-20" role="form"
                                id="uploadFile">
                                <label for="" class="col-md-3 control-label">选择课程：</label>
                                <div class="input-group col-lg-8 select-subject">
                                    <input type="text" class="form-control" value="">
                                    <div class="input-group-btn">
                                        <button type="button" class="btn btn-default dropdown-toggle"
                                            data-toggle="dropdown">课程<span class="caret"></span></button>
                                        <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            <li><a href="#">全部</a></li>
                                            <li><a href="#">cs</a></li>
                                            <li><a href="#">se</a></li>
                                            <li><a href="#">ai</a></li>
                                            <li class="divider"></li>
                                        </ul>
                                    </div><!-- /btn-group -->
                                </div><!-- /input-group -->
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal"
                                id="subjectbtn">保存</button>
                            <button type="button" class="btn btn-primary">取消</button>
                        </div>
                    </div>
                </div>
            </div>

            <!--删除功能弹出框-->
            <div id="topic-delete-subject" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close ion-ios-close" data-dismiss="modal"><span
                                    class="sr-only">Close</span></button>
                            <h4 class="modal-title">删除题目</h4>
                        </div>
                        <div class="modal-body clearfix">
                            确认删除吗？
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                            <button type="button" class="btn btn-primary">取消</button>
                        </div>
                    </div>
                </div>
            </div>

            <!--提示选择弹出框-->
            <div id="topic-error" class="modal fade">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close ion-ios-close" data-dismiss="modal"><span
                                    class="sr-only">Close</span></button>
                            <h4 class="modal-title">请下载模版</h4>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal"
                                id="downloadBtn">确定</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div>

            <!--修改题目弹出框-->
            <div id="topic-modify-subject" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close ion-ios-close" data-dismiss="modal"><span
                                    class="sr-only">Close</span></button>
                            <h4 class="modal-title">修改题目</h4>
                        </div>
                        <div class="modal-body clearfix">
                            <textarea class="form-control" name="" id="" cols="70" rows="10"></textarea>
                        </div>
                        <p>请输入答案</p>
                        <input type="text" class="form-control">
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">保存</button>
                            <button type="button" class="btn btn-primary">取消</button>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <strong class="m-l-20">Copyright © 2024 <a href="https://gitee.com/YIFan-Support-Team">抱团取暖</a>.</strong>
            All rights reserved.
        </footer>
        <!-- right area end -->
    </div>
    <script type="text/javascript" src="js/jquery.min.js" charset="UTF-8"></script>
    <script type="text/javascript" src="js/bootstrap.min.js" charset="UTF-8"></script>
    <script type="text/javascript" src="js/subject-library.js" charset="UTF-8"></script>
    <script src="js/common.js"></script>

    <script src="js/subject-library-add.js"></script>
</body>

</html>